<!--显示 智慧教室参观记录-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <title>{{.Website}}</title>
    <style type="text/css">
        .copyright {
            background: #777;
            font-size: 13px;
            text-align: center;
            color: #555;
            padding-top: 14px;
            padding-bottom: 20px;
            border-top: 1px solid #303030
        }
        
        .copyright span {
            margin: 0 .5em
        }
        
        .copyright a {
            color: #555
        }
    </style>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- ����3��meta��ǩ*����*������ǰ�棬�κ��������ݶ�*����*������� -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/static/favicon.ico">

    <script type="text/javascript" src="/static/public/jquery-1.11.0.min.js"></script>
    <!-- Bootstrap core CSS 修改了bootstrap.min.css源文件里的pre-scrollable(垂直滚动条)部分，改高度340为800px-->

    <link href="/static/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet">
    <script type="text/javascript" src="/static/bootstrap-3.3.7/js/bootstrap.min.js"></script>

    <!-- jquery-ui >
    <link rel="stylesheet" href="/jquery-ui/jquery-ui.min.css" />
    <script src="/jquery-ui/jquery-ui.min.js"></script-->
    <!-- jquery-ui end-->
    <!--bootstrap treeview-->
    <!--link rel="stylesheet" href="/static/bootstrap-treeview/dist/bootstrap-treeview.min.css" /-->
    <!--script src="/static/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script-->
    <!--bootstrap treeview end-->
    <!--bootstrap table start-->
    <link rel="stylesheet" href="/static/bootstrap-table-develop/dist/bootstrap-table.css" />
    <script src="/static/bootstrap-table-develop/dist/bootstrap-table.js"></script>
    <script src="/static/bootstrap-table-develop/dist/locale/bootstrap-table-zh-CN.min.js"></script>
    <!--可以拖动行进行排序 start-->
    <!--link rel="stylesheet" href="/static/bootstrap-table-develop/dist/extensions/reorder-rows/bootstrap-table-reorder-rows.css" />
        <script src="/static/js/jquery.tablednd.js"></script-->
    <!--可以拖动行-->
    <!--script src="/static/bootstrap-table-develop/dist/extensions/reorder-rows/bootstrap-table-reorder-rows.js"></script-->
    <!--可以拖动行进行排序 end-->
    <!--编辑单元格内容-->
    <!--script src="/static/bootstrap-table-develop/dist/extensions/editable/bootstrap-table-editable.js"></script-->
    <!--bootstrap-editable 行内编辑，不用这个，使用bootstrap的edittable组件，封装了x-editable start-->
    <!--link rel="stylesheet" href="/static/x-editable/dist/bootstrap3-editable/css/bootstrap-editable.css" /-->
    <!--script src="/static/x-editable/dist/bootstrap3-editable/js/bootstrap-editable.min.js"></script-->
    <!--bootstrap-editable 行内编辑x-editable end-->
    <!--编辑单元格内容-->
    <!--树型表 start-->
    <!--link rel="stylesheet" href="/static/bootstrap-table-develop/dist/extensions/tree-column/bootstrap-table-tree-column.css" />
        <script src="/static/bootstrap-table-develop/dist/extensions/tree-column/bootstrap-table-tree-column.js"></script-->
    <!--树型表 end-->
    <!--bootstrap table end-->
    <!--bootstrap验证插件 START-->
    <!--link rel="/static/bootstrapvalidator-master/dist/css/bootstrapValidator.min.css" /-->
    <!--script src="/static/bootstrapvalidator-master/dist/js/bootstrapValidator.min.js"></script-->
    <!--bootstrap验证插件 END-->

</head>

<body>

    <div id="menu_dian" style="height:10px;">.</div>

    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <ul class="breadcrumb">
                    <li>
                        <a href="/">Home</a>
                    </li>
                    <li>
                        <a href="/zhjscg">教室参观记录</a>
                    </li>
                    <li class="active">
                        参观记录列表
                    </li>
                </ul>
                <div class="panel-body">
                    <!--div id="toolbar" class="btn-group">
                        <button id="btn_add" type="button" class="btn btn-default" data-toggle="modal" data-target="#modal-add-fjsb">
                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>登记参观记录
                        </button>
                    </div-->
                    <div class="pre-scrollable">
                        <!--table id="table" data-use-row-attr-func="true" data-reorderable-rows="true"-->
                        <table id="tb_list">
                            <!--上面的是可以拖动行排序的二个选项-->
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <hr/>
    <!--div class="copyright"-->
    <div class="container">
        <div class="row clearfix">
            <div class="col-sm-12 text-center">
                <span>Copyright &copy; <a href="http://expo.bootcss.com">熊义</a></span> |
                <span>联系QQ：<strong>34512664 </strong></span>
            </div>
        </div>
    </div>
    <!--div-->

    <script>
        $tb_list = $("#tb_list");

        //刷新表格
        function refresh_tb_list() {
            $tb_list.bootstrapTable('refresh', {
                url: "/api/v1/zhjscgjls"
            });
        };
        //初始化表格
        function init_tb_list() {
            $tb_list.bootstrapTable({
                //url: '/api/v1/fjsb?fj_id=',
                method: 'get', //请求方式（*）
                toolbar: '#toolbar', //工具按钮用哪个容器
                clickToSelect: true, //是否启用点击选中行
                singleSelect: true,
                striped: true, //是否显示行间隔色
                showRefresh: true, //是否显示刷新按钮
                uniqueId: "id", //每一行的唯一标识，一般为主键列
                //showToggle: true, //是否显示详细视图和列表视图的切换按钮
                cardView: false, //是否显示详细视图
                detailView: false, //是否显示父子表
                sortable: true, //是否启用排序
                sortOrder: "asc", //排序方式
                columns: [{
                    checkbox: true
                }, {
                    field: 'riqi',
                    title: '日期',
                    align: 'center',
                    valign: 'middle'
                }, {
                    field: 'xxmc',
                    title: '学校名称',
                    align: 'center',
                    valign: 'middle'
                }, {
                    field: 'lxr',
                    title: '联系人',
                    align: 'center',
                    valign: 'middle'
                }, {
                    field: 'tel',
                    title: '电话',
                    align: 'center',
                    valign: 'middle'
                }, {
                    field: 'zhiw',
                    title: '职务',
                    align: 'center',
                    valign: 'middle'
                }, {
                    field: 'xxjdr',
                    title: '学校接待人',
                    align: 'center',
                    valign: 'middle'
                }, {
                    field: 'jsr',
                    title: '经手人',
                    align: 'center',
                    valign: 'middle'
                }],
                //data: [{}],
                onClickRow: function(row, $element) {
                    //curRow = row;
                    //alert("点击了行了！fjsb_id:" + row.fjsb_id);
                },
            });
        };


        //初始化
        $(function() {
            init_tb_list();
            refresh_tb_list();
        });
    </script>

</body>

</html>